<!-- 歌单列表 封装 -->
<template>
	<div class="resource">
		<div class="resource-title"> <slot name="title"></slot> </div>
		<div class="resource-list"> <slot name="list"></slot> </div>
	</div>
</template>

<script lang="ts" setup>



</script>


<style lang="scss" scoped>
	.resource {
		color: #C2C2C2;
		padding: 0 2vw;

		&-title {
			color: #D0D0D0;
			font-weight: 900;
			font-size: 1.5em;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			height: 2.5em;
			line-height: 2.5em;
			cursor: pointer;
			width: 20vw;
		}

		&-title:hover {
			color: #fff;
		}

		&-list {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
		}
	}
</style>